<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
	 /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
	font-size: 100%;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-moz-tap-highlight-color: rgba(255, 255, 255, 0);
	-o-tap-highlight-color: rgba(255, 255, 255, 0);
	tap-highlight-color: rgba(255, 255, 255, 0);
	text-rendering: optimizelegibility
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

audio:not ([controls] ){
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

a {
	background-color: transparent
}

a, a:active, a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0;
	vertical-align: middle
}

svg:not (:root ){
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	vertical-align: middle
}

button {
	overflow: visible
}

button, select {
	text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox], input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
	height: auto
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration,
	input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td, th {
	padding: 0
}

html, body, div, ul, ol, dl, li, dt, dd, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0
}

ol, ul {
	list-style: none
}

em, i {
	font-style: normal
}

q:before, q:after, blockquote:before, blockquote:after {
	content: ""
}

input, button, a, img {
	outline: 0
}

.fn-clearfix {
	*zoom: 1
}

.fn-clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.fn-overflow-hidden {
	overflow: hidden
}

.fn-left {
	float: left
}

.fn-right {
	float: right
}

.fn-txt-left {
	text-align: left
}

.fn-txt-right {
	text-align: right
}

.fn-txt-center {
	text-align: center
}

.fn-txt-justify {
	text-align: justify
}

.fn-weight-normal {
	font-weight: 400
}

.fn-weight-bold {
	font-weight: 700
}

.fn-justify {
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify: inter-ideograph
}

.fn-justify:after {
	content: '';
	display: inline-block;
	padding-left: 100%
}

.slick, .slick-track, .slick-list {
	height: 100%
}

.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-slider:focus {
	outline: 0
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

.slick-slide:focus {
	outline: 0
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-dots {
	position: absolute;
	bottom: 20px;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
	z-index: 9999
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 14px;
	width: 30px;
	padding: 0;
	cursor: pointer;
	text-align: center;
	font-size: 0
}

.slick-dots li button {
	border: 0;
	background: #c1c1c1;
	display: inline-block;
	height: 14px;
	width: 14px;
	padding: 0;
	margin: 0 auto;
	outline: 0;
	line-height: 0;
	font-size: 0;
	color: transparent;
	cursor: pointer;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: width .2s linear;
	transition: width .2s linear
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: 0
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li.slick-active {
	width: 30px
}

.slick-dots li.slick-active button {
	background: #ffa80d;
	width: 24px
}

.slick-disabled {
	display: none !important
} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner,
	.fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object,
	.fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: top
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.fancybox-opened {
	z-index: 8030
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-outer, .fancybox-inner {
	position: relative
}

.fancybox-inner {
	overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span
	{
	background-image: url(../../img/fancybox/fancybox_sprite.png)
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../../img/fancybox/fancybox_loading.gif) center center
		no-repeat
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../../img/fancybox/blank.gif);
	-webkit-tap-highlight-color: transparent;
	z-index: 8040
}

.fancybox-prev {
	left: 0
}

.fancybox-next {
	right: 0
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px
}

.fancybox-nav:hover span {
	visibility: visible
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important
}

.fancybox-lock {
	overflow: visible !important;
	width: auto
}

.fancybox-lock body {
	overflow: hidden !important
}

.fancybox-lock-test {
	overflow-y: hidden !important
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../../img/fancybox/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}

.fancybox-title {
	visibility: hidden;
	font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050
}

.fancybox-opened .fancybox-title {
	visibility: visible
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0, 0, 0, .8);
	-webkit-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: 700;
	line-height: 24px;
	white-space: nowrap
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}

.fancybox-title-inside-wrap {
	padding-top: 10px
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) , only screen and
		(min--moz-device-pixel-ratio:1.5) , only screen and
	(min-device-pixel-ratio:1.5) {
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span
		{
		background-image: url(../../img/fancybox/fancybox_sprite@2x.png);
		-webkit-background-size: 44px 152px;
		background-size: 44px 152px
	}
	#fancybox-loading div {
		background-image: url(../../img/fancybox/fancybox_loading@2x.gif);
		-webkit-background-size: 24px 24px;
		background-size: 24px 24px
	}
}

.move-pic {
	position: relative;
	width: 100%;
	overflow: hidden
}

.pic-wrap {
	width: 100%;
	height: 410px;
	position: relative
}

.pic-main {
	position: relative;
	width: 100%;
	height: 410px;
	overflow: hidden
}

.pic-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0
}

.pic-description {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	background: url(../../img/mask.png) repeat
}

.pic-description .pic-description-title {
	height: 20px;
	line-height: 20px;
	color: #ffa709;
	font-size: 14px;
	font-weight: 700;
	border: 0;
	padding: 0
}

.pic-description .pic-description-content {
	color: #fff;
	line-height: 20px
}

.pic-next, .pic-prev {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	cursor: pointer
}

.pic-next {
	right: 0
}

.pic-prev {
	left: 0
}

.pic-prev-s, .pic-next-s {
	width: 50px;
	height: 55px;
	position: absolute;
	z-index: 2;
	cursor: pointer
}

.pic-prev-s {
	left: 20px
}

.pic-next-s {
	right: 20px
}

.pic-controls {
	height: 20px;
	display: none
}

.pic-info {
	float: left
}

.pic-slideshow-controls {
	float: right
}

.pic-slideshow-start, .pic-slideshow-stop {
	padding-left: 5px;
	cursor: pointer
}

.pic-slideshow-countdown {
	padding-left: 5px
}

.pic-slideshow-running .pic-slideshow-start {
	cursor: default
}

.pic-nav {
	margin-top: 20px;
	margin-right: -10px;
	position: relative
}

.pic-forward, .pic-back {
	position: absolute;
	top: 0;
	width: 15px;
	height: 100px;
	z-index: 10;
	cursor: pointer;
	display: none
}

.pic-back {
	left: -20px
}

.pic-forward {
	right: -20px
}

.pic-nav .pic-thumbs {
	overflow: hidden;
	width: 100%
}

.pic-thumbs .pic-thumb-list {
	float: left;
	width: 9000px
}

.pic-thumbs li {
	float: left;
	padding-right: 10px
}

.pic-thumbs li a {
	display: block;
	border: 4px solid #dbdcdd
}

.pic-thumbs li a img {
	width: 174px
}

.pic-thumbs li a.pic-active {
	border-color: #cc89d6
}

.pic-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px
} /*! header @author joeth(joeth@qq.com) on 2016/4/7. */
.header {
	height: 85px;
	font-size: 14px;
	border-bottom: 1px solid #d6d6d6
}

@media screen and (min-width:1280px) {
	.header .wrapper {
		width: 1240px
	}
}

.hd-logo {
	float: left
}

.hd-nav {
	float: left;
	padding-top: 30px
}

.hd-nav li {
	float: left;
	padding-right: 10px
}

.hd-nav a {
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	color: #333;
	font-size: 16px
}

.hd-nav a:hover {
	color: #1791f0
}

.hd-nav .active a {
	background-color: #1791f0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff
}

.hd-nav .active a:hover {
	color: #fff
}

.hd-search {
	display: none;
	background: url("../../img/hd_search.jpg") no-repeat 0 0;
	width: 213px;
	height: 32px;
	float: right;
	margin-top: 30px;
	position: relative
}

@media screen and (min-width:1280px) {
	.hd-search {
		display: block
	}
}

.hd-search .input-text {
	border: 0;
	background-color: transparent;
	width: 152px;
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 0
}

.hd-search .btn {
	border: 0;
	background-color: transparent;
	width: 50px;
	height: 32px;
	overflow: hidden;
	text-indent: -99em;
	position: absolute;
	right: 0;
	top: 0
}

.hd-search-link {
	background: url("../../img/hd_search_link.jpg") no-repeat 0 0;
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -99em;
	float: right;
	margin-top: 30px
}

@media screen and (min-width:1280px) {
	.hd-search-link {
		display: none
	}
} /*! footer @author joeth(joeth@qq.com) on 2016/4/7. */
.footer {
	background-color: #f8f8f8
}

.footer .wrapper {
	padding: 20px 0
}

.ft-links {
	*zoom: 1
}

.ft-links:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.ft-links a, .ft-links i {
	float: left
}

.ft-links a {
	color: #555
}

.ft-links i {
	margin: 0 5px;
	color: #9c9c9c
}

.ft-copyright {
	color: #888
}

.ft-follow {
	height: 32px;
	margin-top: -16px;
	position: absolute;
	right: 0;
	top: 50%
}

.ft-follow .bdsharebuttonbox a {
	font-size: 0;
	line-height: 0;
	color: transparent;
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	background-image: url(../../img/icon32.png)
}

.ft-follow .bdsharebuttonbox .bds_more {
	background-position: 0 0
}

.ft-follow .bdsharebuttonbox .bds_more:hover {
	background-position: 50% 0
}

.ft-follow .bdsharebuttonbox .bds_qzone {
	background-position: 0 -32px
}

.ft-follow .bdsharebuttonbox .bds_qzone:hover {
	background-position: 50% -32px
}

.ft-follow .bdsharebuttonbox .bds_weixin {
	background-position: 0 -64px
}

.ft-follow .bdsharebuttonbox .bds_weixin:hover {
	background-position: 50% -64px
}

.ft-follow .bdsharebuttonbox .bds_tsina {
	background-position: 0 -96px
}

.ft-follow .bdsharebuttonbox .bds_tsina:hover {
	background-position: 50% -96px
}

.btn {
	border: 0;
	background: 0 0;
	display: inline-block;
	vertical-align: middle
}

.btn .icon16 {
	margin-top: -3px;
	margin-left: -3px;
	margin-right: 3px
}

.btn-primary {
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	background-color: #1791f0;
	border-color: #1791f0;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.btn-orange {
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	background-color: orange;
	border-color: orange;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.btn-primary:hover {
	color: #fff
}

.btn-secondary {
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	background-color: #ffa709;
	border-color: #ffa709;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.btn-secondary:hover {
	color: #fff
}

.btn-small {
	height: 20px;
	line-height: 20px;
	font-size: 12px
}

.btn-large {
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	font-size: 16px
}

.btn-bigger {
	height: 48px;
	padding: 0 30px;
	line-height: 48px;
	font-size: 20px
}

.btn-full {
	width: 100%
}

.icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
	color: transparent
}

.icon-hot {
	width: 21px;
	height: 10px;
	background-image: url(../../img/icon_hot.png)
}

.icon16 {
	width: 16px;
	height: 16px;
	background-image: url(../../img/icon16.png)
}

.icon16-home {
	background-position: 0 0
}

.icon16-home-high, a:hover .icon16-home, .icon16-home-hover {
	background-position: 50% 0
}

.icon16-home-white {
	background-position: 100% 0
}

.icon24 {
	width: 24px;
	height: 24px;
	background-image: url(../../img/icon24.png)
}

.icon24-account {
	background-position: 0 0
}

.icon24-account-high, a:hover .icon24-account, .icon24-account-hover {
	background-position: 50% 0
}

.icon24-account-white {
	background-position: 100% 0
}

.icon24-password {
	background-position: 0 -24px
}

.icon24-password-high, a:hover .icon24-password, .icon24-password-hover
	{
	background-position: 50% -24px
}

.icon24-password-white {
	background-position: 100% -24px
}

.icon24-notice {
	background-position: 0 -48px
}

.icon24-notice-high, a:hover .icon24-notice, .icon24-notice-hover {
	background-position: 50% -48px
}

.icon24-notice-white {
	background-position: 100% -48px
}

.icon24-tag {
	background-position: 0 -72px
}

.icon24-tag-high, a:hover .icon24-tag, .icon24-tag-hover {
	background-position: 50% -72px
}

.icon24-tag-white {
	background-position: 100% -72px
}

.icon24-commend {
	background-position: 0 -96px
}

.icon24-commend-high, a:hover .icon24-commend, .icon24-commend-hover {
	background-position: 50% -96px
}

.icon24-commend-white {
	background-position: 100% -96px
}

.icon24-hot {
	background-position: 0 -120px
}

.icon24-hot-high, a:hover .icon24-hot, .icon24-hot-hover {
	background-position: 50% -120px
}

.icon24-hot-white {
	background-position: 100% -120px
}

.icon32 {
	width: 32px;
	height: 32px;
	background-image: url(../../img/icon32.png)
}

.icon32-more {
	background-position: 0 0
}

.icon32-more-high, a:hover .icon32-more, .icon32-more-hover {
	background-position: 50% 0
}

.icon32-more-white {
	background-position: 100% 0
}

.icon32-qq {
	background-position: 0 -32px
}

.icon32-qq-high, a:hover .icon32-qq, .icon32-qq-hover {
	background-position: 50% -32px
}

.icon32-qq-white {
	background-position: 100% -32px
}

.icon32-weixin {
	background-position: 0 -64px
}

.icon32-weixin-high, a:hover .icon32-weixin, .icon32-weixin-hover {
	background-position: 50% -64px
}

.icon32-weixin-white {
	background-position: 100% -64px
}

.icon32-weibo {
	background-position: 0 -96px
}

.icon32-weibo-high, a:hover .icon32-weibo, .icon32-weibo-hover {
	background-position: 50% -96px
}

.icon32-weibo-white {
	background-position: 100% -96px
}

.icon48 {
	width: 48px;
	height: 48px;
	background-image: url(../../img/icon48.png)
}

.icon48-about {
	background-position: 0 0
}

.icon48-about-high, a:hover .icon48-about, .icon48-about-hover {
	background-position: 50% 0
}

.icon48-about-white {
	background-position: 100% 0
}

.icon48-news {
	background-position: 0 -48px
}

.icon48-news-high, a:hover .icon48-news, .icon48-news-hover {
	background-position: 50% -48px
}

.icon48-news-white {
	background-position: 100% -48px
}

.icon48-product {
	background-position: 0 -64px
}

.icon48-product-high, a:hover .icon48-product, .icon48-product-hover {
	background-position: 50% -96px
}

.icon48-product-white {
	background-position: 100% -96px
}

.icon48-business {
	background-position: 0 -144px
}

.icon48-business-high, a:hover .icon48-business, .icon48-business-hover
	{
	background-position: 50% -144px
}

.icon48-business-white {
	background-position: 100% -144px
}

.icon48-recruit {
	background-position: 0 -192px
}

.icon48-recruit-high, a:hover .icon48-recruit, .icon48-recruit-hover {
	background-position: 50% -192px
}

.icon48-recruit-white {
	background-position: 100% -192px
}

.icon48-contact {
	background-position: 0 -240px
}

.icon48-contact-high, a:hover .icon48-contact, .icon48-contact-hover {
	background-position: 50% -240px
}

.icon48-contact-white {
	background-position: 100% -240px
}

.icon-card {
	width: 20px;
	height: 20px;
	background-image: url(../../img/icon_card.png)
}

.icon-card-phone {
	background-position: 0 0
}

.icon-card-email {
	background-position: 0 -20px
}

.icon-card-qq {
	background-position: 0 -40px
}

.input-text {
	display: inline-block;
	vertical-align: middle;
	padding: 4px 6px;
	height: 21px;
	line-height: 21px;
	width: 180px;
	border: solid 1px #d6d6d6;
	border-left-color: #ccc;
	border-top-color: #ccc;
	-webkit-box-shadow: inset 0 1px 0 #f8f8f8;
	box-shadow: inset 0 1px 0 #f8f8f8;
	background-color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #3c3c3c
}

.form-label {
	display: inline-block;
	vertical-align: middle;
	line-height: 32px;
	font-weight: 700;
	font-size: 14px;
	color: #000
}

.form-inline {
	*zoom: 1;
	margin-bottom: 10px;
	padding-left: 80px
}

.form-inline:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.form-inline .form-label {
	float: left;
	margin-left: -80px;
	width: 80px;
	text-align: right
}

.form-inline .v-tips {
	display: none
}

.error .v-tips, .empty .v-tips {
	display: block
}

.error .input-text, .empty .input-text {
	border-color: #ffa709;
	background-color: #f8f8f8
}

.form-tool {
	margin: 20px 0
}

.form-tool p {
	margin-bottom: 10px
}

.form .radio {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	padding: 4px 6px;
	height: 21px;
	line-height: 21px
}

.box {
	margin-bottom: 20px
}

.box-head {
	position: relative;
	background-color: #1791f0;
	color: #fff
}

.box-body {
	*zoom: 1;
	margin-top: -1px;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px
}

.box-body:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.tab-nav {
	*zoom: 1;
	margin-bottom: 20px
}

.tab-nav:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.tab-nav a {
	height: 36px;
	line-height: 36px;
	float: left;
	margin-right: 10px;
	padding: 0 20px;
	background-color: #eaeaea;
	color: #3c3c3c;
	font-size: 14px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.tab-nav a.tab-active {
	background-color: #ffa709;
	color: #fff
}

.tab-panel {
	display: none
}

.tab-active {
	display: block
}

.panel {
	margin-bottom: 20px
}

.caption {
	height: 18px;
	line-height: 18px;
	padding-left: 10px;
	margin-bottom: 20px;
	border-left: 3px solid #1791f0;
	color: #3c3c3c;
	font-size: 18px
}

.heading {
	*zoom: 1;
	height: 40px;
	line-height: 40px;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6d6d6
}

.heading:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.heading .btn {
	vertical-align: inherit
}

.heading-icon {
	float: left;
	margin-right: 10px
}

.heading-icon .icon {
	background-color: #ffa709
}

.heading-title {
	font-size: 24px;
	font-weight: 400;
	color: #3c3c3c
}

.heading-side {
	position: absolute;
	right: 0;
	top: 0
}

.heading-tab a {
	float: left;
	margin-right: 20px;
	font-size: 24px;
	font-weight: 400;
	color: #000
}

.heading-tab .tab-active {
	color: #1791f0
}

.content {
	overflow: hidden;
	position: relative;
	word-break: break-all;
	word-wrap: break-word;
	text-align: justify;
	font-size: 14px;
	color: #444
}

.content img {
	max-width: 100% !important
}

.content ul, .content ol, .content dl, .content p {
	margin-bottom: 1em
}

.content li {
	margin-left: 1em
}

.content ol li {
	margin-left: 1.5em;
	list-style: decimal
}

.content ul li {
	list-style: disc
}

.content ul li li {
	list-style: circle
}

.content ul li li li {
	list-style: square
}

.content dd {
	margin-left: 2em
}

.content h1 {
	font-size: 1.75em
}

.content h2 {
	font-size: 1.5em
}

.content h3 {
	font-size: 1.25em
}

.content h4, .content h5, .content h6 {
	font-size: 1em;
	font-weight: 400
}

.content em, .content i {
	font-style: italic
}

.pagination {
	*zoom: 1;
	margin: 20px auto;
	text-align: center;
	font-family: SimHei, "黑体", SimSun, Arial, "宋体", sans-serif
}

.pagination li {
	display: inline;
	list-style: none;
}

.pagination:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.pagination a, .pagination span {
	display: inline-block;
	vertical-align: middle;
	min-width: 16px;
	height: 26px;
	line-height: 26px;
	margin: 0 2px;
	padding: 0 5px;
	text-align: center;
	background-color: #c7c6c6;
	color: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.pagination a:hover {
	background-color: #1791f0;
	color: #fff
}

.pagination .page-dot {
	background-color: transparent;
	color: #c7c6c6;
	cursor: default
}

.pagination .page-prev, .pagination .page-next {
	font-size: 14px
}

.pagination .page-active, .pagination .active a {
	background-color: #ffa709;
	color: #fff;
	cursor: default
}

.pagination .page-active:hover, .pagination .active a:hover {
	background-color: #ffa709;
	color: #fff
}

.axis-icon {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 110px;
	top: 0;
	z-index: 5;
	background: #fff url(../../img/axis_icon.png) no-repeat 0 0
}

.axis-line {
	width: 2px;
	height: 100%;
	position: absolute;
	left: 129px;
	bottom: 0;
	top: 0;
	z-index: 1;
	background-color: #1791f0
}

.axis-tab {
	position: absolute;
	left: 170px;
	top: 2px
}

.axis-tab a {
	height: 36px;
	line-height: 36px;
	float: left;
	margin-right: 10px;
	padding: 0 10px;
	background-color: #eaeaea;
	color: #3c3c3c;
	font-size: 14px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.axis-tab a.tab-active {
	background-color: #ffa709;
	color: #fff
}

.axis-mark {
	width: 6px;
	height: 6px;
	position: absolute;
	left: 125px;
	top: 7px;
	background-color: #fff;
	border: 2px solid #1791f0;
	-webkit-border-radius: 100%;
	border-radius: 100%
}

.axis-date {
	width: 110px;
	line-height: 24px;
	text-align: right;
	color: #1791f0
}

.axis-lead {
	*zoom: 1;
	padding-bottom: 10px;
	position: relative;
	z-index: 10
}

.axis-lead:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.axis-item {
	*zoom: 1;
	padding-bottom: 10px;
	padding-left: 170px;
	position: relative;
	z-index: 10
}

.axis-item:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.axis-item .axis-mark {
	left: 127px;
	top: 8px;
	background-color: #1791f0;
	border: 0
}

.axis-item .axis-date {
	position: absolute;
	left: 0;
	top: 0;
	color: #9c9c9c
}

.axis-content {
	display: none;
	margin-top: 10px
}

.axis-content img {
	float: left;
	margin-right: 10px
}

.axis-panel {
	display: none
}

.axis-active {
	display: block
}

.item-active .axis-date, .item-active .axis-title {
	color: #1791f0
}

.item-active .axis-content {
	display: block
}

.axis {
	*zoom: 1;
	position: relative;
	padding-top: 60px;
	font-size: 14px
}

.axis:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.game-image {
	overflow: hidden;
}

.game-hover-image {
	overflow: hidden;
	border: 0px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}

.game-image img {
	width: 100%
}

.game-name {
	color: #3c3c3c
}

.game-title {
	line-height: normal;
	padding: 10px 100px 10px 10px;
	position: relative
}

.game-title .game-name {
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.game-title .btn-jump {
	position: absolute;
	right: 10px;
	top: 10px
}

.game-mark {
	width: 24px;
	height: 24px;
	position: relative;
	z-index: 10
}

.game-mark .icon {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	font-size: 0;
	line-height: 0;
	color: transparent
}

.game-mark .icon-new {
	background-image: url(../../img/new.png)
}

.game-mark .icon-hot {
	background-image: url(../../img/hot.png)
}

.game-mask {
	background-image: url(../../img/game_mask.png);
	background-position: -20px 50%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0;
	transition-delay: 0
}

.game-piece {
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative
}

.game-piece .game-image {
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0
}

.game-piece .game-mark {
	position: absolute;
	left: -6px;
	top: 28px
}

.game-lists {
	*zoom: 1;
	margin-right: -40px
}

.game-lists:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.game-lists .item {
	float: left;
	width: 218px;
	margin-right: 12px;
	margin-bottom: 12px;
	position: relative
}

.game-lists .game-image img {
	width: 293px;
	margin-left: -40px
}

.game-lists .game-new, .game-lists .game-hot {
	position: absolute;
	left: -5px;
	top: 20px;
	z-index: 10
}

.game-hover .game-other {
	opacity: 0;
	*display: none;
	display: none\9;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0;
	transition-delay: 0
}

.game-hover:hover {
	border-color: #1791f0
}

.game-hover:hover .game-other {
	opacity: 1;
	*display: block;
	display: block\9
}

.commend-game-lists .game-other {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.commend-game-lists .game-other .game-code {
	padding: 5px 10px;
	position: absolute;
	top: 40px;
	left: 20px;
	height: 100px;
	width: 100px;
}

.commend-game-lists .game-other .game-info-download {
	padding: 5px 10px;
	position: absolute;
	top: 40px;
	left: 137px;
	color: #fff;
	text-align: left;
	width: 80px;
	height: 20px;
	line-height: 20px;
	color: white;
}

.commend-game-lists .game-other .game-info-type {
	padding: 5px 10px;
	position: absolute;
	top: 60px;
	left: 137px;
	color: #fff;
	text-align: left;
	width: 80px;
	height: 20px;
	line-height: 20px;
	color: white;
}

.commend-game-lists .game-other .game-info-size {
	padding: 5px 10px;
	position: absolute;
	top: 80px;
	left: 137px;
	color: #fff;
	text-align: left;
	width: 80px;
	height: 20px;
	line-height: 20px;
	color: white;
}

.commend-game-lists .game-other .game-info-bbs {
	padding: 5px 10px;
	position: absolute;
	top: 100px;
	left: 137px;
	color: #fff;
	text-align: left;
	width: 80px;
	height: 30px;
	line-height: 30px;
	color: white;
}

.commend-game-lists .game-other .game-info {
	padding: 5px 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	text-align: right;
	height: 24px;
	line-height: 24px
}

.commend-game-lists .game-other .game-info a {
	color: #fff
}

.commend-game-lists .game-other .game-info em {
	float: left;
	font-size: 14px
}

.commend-game-lists .game-other .btn-jump {
	position: absolute;
	bottom: 0;
	left: 0
}

.hot-game-lists .game-image {
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.hot-game-lists .game-name {
	font-size: 18px
}

.hot-game-lists .game-type {
	font-size: 14px
}

.hot-game-lists .game-info {
	position: absolute;
	left: 20px;
	top: 20px
}

.hot-game-lists .game-other {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.hot-game-lists .game-hover .game-other, .hot-game-lists .game-hover .game-mask
	{
	opacity: 0;
	*display: none;
	display: none\9
}

.hot-game-lists .game-hover .game-other {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.hot-game-lists .game-hover:hover .game-other, .hot-game-lists .game-hover:hover .game-mask
	{
	opacity: 1;
	*display: block;
	display: block\9
}

.hot-game-lists .game-hover:hover .game-other {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.hot-game-lists .game-hover:hover .game-name, .hot-game-lists .game-hover:hover .game-info
	{
	color: #fff
}

.news-image img {
	width: 100%
}

.news-title {
	font-size: 16px;
	color: #3c3c3c;
	font-weight: 700
}

.news-title a {
	color: #3c3c3c
}

.news-info {
	position: relative;
	color: #9c9c9c
}

.news-info span {
	margin-right: 10px
}

.news-info .share {
	margin: 0;
	position: absolute;
	right: 0;
	top: 0
}

.news-info .share-label, .news-info .share-lists {
	float: left
}

.news-info .share-label a, .news-info .share-lists a {
	margin: 2px 0 0 2px
}

.news-summary {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	height: 96px;
	max-height: 96px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	white-space: normal;
	word-wrap: normal;
	font-size: 14px
}

.news-header {
	margin-bottom: 20px
}

.news-header .news-title {
	margin-bottom: 10px;
	color: #1791f0
}

.news-pagination {
	*zoom: 1;
	padding-top: 10px;
	border-top: 1px dotted #d6d6d6
}

.news-pagination:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.news-pagination .page-prev {
	float: left
}

.news-pagination .page-next {
	float: right
}

.news-piece {
	*zoom: 1;
	line-height: 24px
}

.news-piece:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.news-lists li {
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px dotted #d6d6d6
}

.news-lists .news-image {
	float: left;
	margin-right: 20px
}

.news-lists .news-title {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.product-image {
	overflow: hidden
}

.product-image img {
	width: 100%
}

.product-name {
	color: #1791f0
}

.product-title {
	margin-bottom: 5px;
	padding-right: 100px;
	position: relative;
	line-height: normal
}

.product-title .product-name {
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.product-title .btn-jump {
	position: absolute;
	right: 0;
	top: 0
}

.product-info p {
	overflow: hidden;
	height: 23px;
	line-height: 23px
}

.product-info em {
	display: inline-block;
	height: 23px;
	line-height: 23px;
	width: 60px;
	color: #9c9c9c;
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
	text-align: right\9
}

.product-info .summary {
	height: 92px
}

.product-piece {
	position: relative
}

.product-piece .product-image {
	float: left;
	width: 230px;
	margin-right: 10px
}

.product-lists {
	*zoom: 1;
	margin-right: -20px
}

.product-lists:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.product-lists .item {
	float: left;
	width: 490px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative
}

.business-type {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d6d6d6;
	font-size: 18px;
	font-weight: 700;
	color: #1791f0
}

.business-name {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: 400;
	color: #1791f0
}

.business-info p {
	height: 20px;
	line-height: 20px
}

.business-info .icon {
	margin-right: 5px
}

.business-info .icon, .business-info em {
	display: inline-block;
	vertical-align: middle
}

.business-lists {
	*zoom: 1;
	margin-right: -100px
}

.business-lists:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.business-lists li {
	float: left;
	width: 340px;
	margin-top: 20px;
	margin-right: 80px;
	margin-bottom: 20px;
	border-right: 1px solid #d6d6d6
}

.business-lists .business-piece {
	padding-right: 100px
}

.partner-lists {
	*zoom: 1;
	margin-right: -40px
}

.partner-lists:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.partner-lists li {
	float: left;
	width: 173px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #d6d6d6
}

.partner-lists img {
	width: 100%
}

.procedure-num {
	width: 72px;
	height: 62px;
	line-height: 62px;
	position: relative;
	background-color: #ffa709;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	font-size: 40px;
	font-family: SimHei, "黑体", SimSun, Arial, "宋体", sans-serif;
	text-align: center
}

.procedure-num i {
	display: none;
	position: absolute;
	bottom: 2px;
	right: 45%;
	color: #ffbc43
}

.procedure-num em {
	color: #fff
}

.procedure-title {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d6d6d6;
	font-size: 16px;
	color: #3c3c3c
}

.procedure-piece {
	position: relative;
	padding-left: 120px;
	padding-right: 40px;
	min-height: 62px
}

.procedure-piece .procedure-num {
	position: absolute;
	left: 10px;
	top: 0
}

.procedure-lists li {
	padding: 20px;
	border-bottom: 1px solid #d6d6d6
}

.faq-icon {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: center;
	background-color: #1791f0;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.faq-title, .faq-text {
	line-height: 24px;
	padding-left: 34px;
	position: relative;
	font-size: 14px
}

.faq-title .faq-icon, .faq-text .faq-icon {
	position: absolute;
	left: 0;
	top: 0
}

.faq-title {
	margin-bottom: 10px
}

.faq-text .faq-icon {
	background-color: #ffa709
}

.faq-piece {
	background-color: #f8f8f8;
	padding: 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.faq-lists li {
	margin: 20px auto
}

.slick-arrow, .pic-prev-s, .pic-next-s {
	width: 60px;
	height: 60px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
	z-index: 10;
	padding: 0;
	font-size: 0;
	line-height: 0;
	border: 0;
	background-color: transparent;
	background-image: url(../../img/slick/arrows.png);
	background-repeat: no-repeat
}

.slick-prev, .pic-prev-s {
	background-position: 0 0;
	left: 0
}

.slick-next, .pic-next-s {
	background-position: 0 -60px;
	right: 0
}

body {
	font-size: 12px;
	font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica,
		SimSun, Arial, "宋体", sans-serif;
	line-height: 1.6;
	background-color: #fff;
	color: #3c3c3c
}

a {
	cursor: pointer;
	color: #3c3c3c;
	text-decoration: none
}

a:hover {
	color: #1791f0
}

.banner {
	min-width: 1000px;
	height: 270px;
	overflow: hidden;
	position: relative;
	z-index: 0
}

.banner .slick-slide {
	background-position: 50% 0;
	background-repeat: no-repeat
}

.wrapper {
	*zoom: 1;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.wrapper:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.main {
	padding: 30px 0;
	position: relative
}

.col {
	*zoom: 1
}

.col:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.col-side-box, .col-widget-box, .col-main-box {
	float: left;
	_display: inline
}

.col-side-box {
	width: 280px;
	margin-left: -100%
}

.col-widget-box {
	width: 240px;
	margin-left: -100%
}

.col-main-box {
	width: 100%;
	min-height: 10px
}

.col-side .col-main-wrap {
	margin-left: 280px
}

.col-side .col-side-wrap {
	margin-right: 20px
}

.col-widget .col-main-wrap {
	margin-left: 240px
}

.col-widget .col-widget-wrap {
	margin-right: 40px
}

.widget-nav-box .box-head {
	background-color: #1791f0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	padding: 58px 10px 10px;
	line-height: normal
}

.widget-nav-box .box-head .icon {
	position: absolute;
	right: 10px;
	top: 10px
}

.widget-nav-box .box-head h2 {
	font-size: 24px;
	font-weight: 400
}

.widget-nav-box .box-head p {
	text-transform: capitalize;
	font-size: 14px;
	color: #86c3f2
}

.widget-nav-lists {
	overflow: hidden;
	position: relative
}

.widget-nav-lists a {
	display: block;
	height: 48px;
	line-height: 48px;
	padding: 0 30px;
	margin-top: -1px;
	border-top: 1px solid #d6d6d6;
	position: relative;
	font-size: 14px
}

.widget-nav-lists i {
	height: 16px;
	line-height: 16px;
	margin-top: -8px;
	position: absolute;
	left: 15px;
	top: 50%;
	font-weight: 700;
	color: #9c9c9c
}

.widget-nav-lists em {
	height: 16px;
	line-height: 16px;
	margin-top: -8px;
	position: absolute;
	right: 15px;
	top: 50%;
	font-family: SimSun, Arial, "宋体", sans-serif;
	color: #9c9c9c
}

.widget-nav-lists .active, .widget-nav-lists .active i,
	.widget-nav-lists .active em {
	color: #1791f0
}</pre></body></html>